<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新美星运营管理移动端看板（示例）</title>
</head>
<body>

<!--<div class="title">新美星运营管理看板（示例）</div>-->
<table class="qgg-table">
    <tbody>
    <tr>
        <td rowspan="6" style="width: 20%" class="first">工序报工异常数量</td>
    </tr>
    @foreach($data1 as $k=>$v)
        <tr>
            <td>{{$k}}</td>
            <td>{{$v}}</td>
        </tr>
    @endforeach
    <tr class="hj">
        <td></td>
        <td>合计</td>
        <td>{{$data2['gxbgyc']}}</td>
    </tr>
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <tr>
        <td rowspan="7" style="width: 20%" class="first">本道工序停滞数量</td>
    </tr>
    @foreach($data3 as $k=>$v)
        <tr>
            <td>{{$v['bdcqts']}}</td>
            <td>{{$v['sl']}}</td>
        </tr>
    @endforeach
    <tr class="hj">
        <td></td>
        <td>合计</td>
        <td>{{$data4['bdcqts']}}</td>
    </tr>
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <tr><td rowspan="7" style="width: 20%" class="first">工序交接停滞数量</td></tr>
    @foreach($data5 as $k=>$v)
        <tr>
            <td>{{$v['gxjjtzts']}}</td>
            <td>{{$v['sl']}}</td>
        </tr>
    @endforeach
    <tr class="hj">
        <td></td>
        <td>合计</td>
        <td>{{$data6['gxjjtzts']}}</td>
    </tr>
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <tr><td rowspan="5" style="width: 20%" class="first">本月工序提前完成数量</td></tr>
    @foreach($data7 as $k=>$v)
        <tr>
            @if($k=='aa')
                <td>7-14天</td>
            @endif
            @if($k=='bb')
                <td>14-21天</td>
            @endif
            @if($k=='cc')
                <td>21-28天</td>
            @endif
            @if($k=='dd')
                <td>28天以上</td>
            @endif
            <td>{{$v}}</td>
        </tr>
    @endforeach

    <tr class="hj">
        <td></td>
        <td>合计</td>
        <td>{{$data8['tqwcsl']}}</td>
    </tr>
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <th></th>
    <th>任务单类型</th>
    <th>正常订单</th>
    <th>延期订单</th>
    <th>订单总数</th>
    <tr><td rowspan="5" style="width: 20%" class="first">销售订单延期分析</td></tr>
    @foreach($data9 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
            <td>{{$v['ccc']}}</td>
            <td>{{$v['ddd']}}</td>
        </tr>
    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <th></th>
    <th>任务单类型</th>
    <th>数量</th>
    <th>计划完工日期</th>
    <tr><td rowspan="12" style="width: 20%" class="first">近三月生产延期订单</td></tr>
    @foreach($data10 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
            <td>{{$v['ccc']}}</td>
        </tr>
    @endforeach
    </tbody>
</table>




<table class="qgg-table">
    <tbody>
    <th></th>
    <th>异常原因</th>
    <th>未处理天数</th>
    <th>数量</th>
    <tr><td rowspan="13" style="width: 20%" class="first">车间问题反馈处理</td></tr>
    @foreach($data11 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
            <td>{{$v['ccc']}}</td>
        </tr>
    @endforeach

    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <th></th>
    <th>当月工时</th>
    <th>岗位</th>
    <th>目标工时</th>
    <tr><td rowspan="5" style="width: 20%" class="first">车间本月产出工时</td></tr>
    @foreach($data12 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
            <td>{{$v['ccc']}}</td>
        </tr>
    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <th></th>
    <th>车间名称</th>
    <th>待完成工时</th>
    <tr><td rowspan="19" style="width: 20%" class="first">本月剩余计划完成工时</td></tr>
    @foreach($data13 as $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
        </tr>
    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <th></th>
    <th>待完成订单</th>
    <th>数量</th>
    <tr><td rowspan="5" style="width: 20%" class="first">设备维修分析</td></tr>
    @foreach($data14 as $k=>$v)
        <tr>
            <td>{{$v['bbb']}}</td>
            <td>{{$v['aaa']}}</td>
        </tr>
    @endforeach
    </tbody>
</table>

<table class="qgg-table">
    <tbody>
    <th></th>
    <th>发放时间</th>
    <th>更改原因</th>
    <th>变更数量</th>
    <tr><td rowspan="19" style="width: 20%" class="first">近3月设计更改单统计</td></tr>
    @foreach($data16 as  $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
            <td>{{$v['ccc']}}</td>
        </tr>
    @endforeach
    </tbody>
</table>
<table class="qgg-table">
    <tbody>
    <th></th>
    <th>月份</th>
    <th>事业部</th>
    <th>白图数量</th>
    <tr><td rowspan="19" style="width: 20%" class="first">近3月白图数量统计</td></tr>
    @foreach($data17 as  $k=>$v)
        <tr>
            <td>{{$v['aaa']}}</td>
            <td>{{$v['bbb']}}</td>
            <td>{{$v['ccc']}}</td>
        </tr>
    @endforeach
    </tbody>
</table>
<div style="margin: 50px;width: 100%;height: 100px;"></div>
<style>
    *{margin: 0;padding: 0}
    .title {
        text-align: center;
        font-weight: bold
    }

    /** Table 表格样式 **/
    .qgg-table {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #c6c6c6 !important;
        margin-bottom: 20px;
    }

    .qgg-table th {
        border-collapse: collapse;
        border-right: 1px solid #c6c6c6 !important;
        border-bottom: 1px solid #c6c6c6 !important;
        background-color: #ddeeff !important;
        padding: 5px 9px;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }

    .qgg-table td {
        border-collapse: collapse;
        border-right: 1px solid #c6c6c6 !important;
        border-bottom: 1px solid #c6c6c6 !important;
        padding: 5px 9px;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        word-break: break-all;
    }

    .qgg-table tr:nth-child(odd) {
        background-color: #fff !important;
    }

    .qgg-table tr:nth-child(even) {
        background-color: #f8f8f8 !important;
    }

    th{font-weight: bold !important;}
    .first{font-weight: bold !important;text-align: left}
</style>
</body>
</html>
